@import '~@src/common/less/1px_border.less';
// @import '~@common/less/reset.less';
body{
    background: #F2F3F5;
}
::-webkit-scrollbar{
	display: none;
   /* background-color:transparent; */
}
.customerBox{
    height: 100%;
    .searchContentBox.active{
        right: 0;
        transition: all .3s;
    }
    .searchContentBox{
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0,0,0,0.50);
        top: 0;
        bottom: 0;
        z-index: 999;
        right: -100%;
        transition: all .3s;
    }
    .searchMask{
        width: 30%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
    }
    .searchContent{
        width: 13.7rem;
        height: 100%;
        color: #394259;
        background: #fff;
        position: absolute;
        right:0rem;
        // -webkit-overflow-scrolling:touch;
        overflow: auto;
        // &.searchContent.active{
        //     right: 0;

        // }
        .contentBox{
            width: 100%;
            .contentTitle{
                font-size: .7rem;
                // margin-left: 1rem;
                // margin-bottom: 1rem;
                padding: 0.5rem;
            }
            .contentList{
                // li{
                //     float: left;
                //     width: 33.33%;
                //     margin: 0.5rem 1rem;
                //     box-sizing: border-box;
                    button{
                        width: 3rem;
                        height: 1.4rem;
                        font-size: .6rem;
                        margin-left:1rem;
                        margin-bottom: 0.5rem;
                        background: #fff;
                        border: 1px solid #394259;
                        color: #394259;
                        border-radius: 0.1rem;
                    }
                    button.active{
                        border: 1px solid #FF8637;
                        color: #FF8637;
                    }
                // }

            }
        }
        .searchButton{
            border-top: 1px solid #E9E9E9;
            width: 100%;
            height: 2.8rem;
            padding: 0 1rem;
            position: fixed;
            bottom: 0;
            display: flex;
            background-color: #fff;
            // justify-content: space-between;
            button{
                margin-top: .5rem;
                width: 5.6rem;
                height: 1.8rem;
                border: 1px solid #394259;
                color: #394259;
                font-size: .8rem;
                background: #fff;
                border-radius: 0.9rem;
                margin-right: 1rem;
            }
            .confirmBtn{
                color: #fff;
                background: #FF8637;
                border: 0;
            }
        }
    }
    .mint-loadmore{
        min-height: 100%;
        overflow: inherit;
    }
    .tabBox{
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 99;
        .tabList{
            border: 1px solid #F7F7F7;
            display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box; /* Firefox 17- */
            display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex; /* Firefox 18+ */
            display: -ms-flexbox; /* IE 10 */
            display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
            justify-content:center;
            height: 2.55rem;
            padding: 0 1.8rem;
            li{
                font-size: .6rem;
                color: #545861;
                line-height: 2.55rem;
                position: relative;
                margin-right: 1.5rem;
            }
            li.active{
                color: #1D212B;
                font-weight: bold;
                font-size: .7rem;
                margin-bottom: .23rem;
            }
            li.active:after{
                content: '';
                display: block;
                width: .7rem;
                height: .1rem;
                border-radius: .05rem;
                background: #FF8637;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -0.5rem;
            }
        }
        .centerList{
            height: 1.6rem;
            display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box; /* Firefox 17- */
            display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex; /* Firefox 18+ */
            display: -ms-flexbox; /* IE 10 */
            display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
            justify-content:space-between;
            padding: 0 1.8rem;
            .active{
                color:#FF8637
             }
            li{
                font-size: .6rem;
                color:  #707A8D;
                line-height: 1.6rem;
                span{
                    position: relative;
                }

                .topArror{
                    width: 0;
                    height: 0;
                    border-width:0 .2rem .15rem;
                    border-style:solid;
                    border-color:transparent transparent #B2B6BF;/*透明 透明  灰*/
                    position: absolute;
                    top: 50%;
                    right: -.5rem;
                    margin-top:-0.15rem;
                }
                .topArror.active{
                    border-color:transparent transparent #FF8637;/*透明 透明  灰*/
                }
                .bottomArror{
                    width: 0;
                    height: 0;
                    border-width:.15rem .2rem 0;
                    border-style:solid;
                    border-color:#B2B6BF transparent transparent;/*透明 透明  灰*/
                    position: absolute;
                    top: 50%;
                    right: -.5rem;
                    margin-top:0.1rem;
                }
                .bottomArror.active{
                    border-color:#FF8637 transparent transparent; /*透明 透明  灰*/
                }
            }
        }
    }
    .customerList{
        // height: 8rem;
        // height: calc(100% - 4rem);
        // overflow-y:hidden;
        li{
            background: #fff;
            margin-top: .25rem;
            margin-left: .5rem;
            margin-right: .5rem;
            border-radius: .15rem;
            .itemTop{
                padding: 0 .75rem;
                // border-bottom: 1px solid #E9E9E9;
                position: relative;
                .topLeft{
                    // height: 2.5rem;
                    // line-height: 2.5rem;
                    padding-top: .6rem;
                    display: flex;
                    align-items: center;
                    padding-bottom: .4rem;
                    .title{
                        font-size: .75rem;
                        color: #1D212B;
                        max-width: 13rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-weight: bold;
                    }
                    img{
                        width: 2.6rem;
                        height: .7rem;
                        margin-left: .7rem;
                    }
                    img:last-child {
                        margin-left: 0.2rem  /* 8/40 */;
                    }
                    .customerStatus{
                        // display: inline-block;
                        border: .025rem solid #3F7BF8;
                        border-radius: .5rem;
                        // height: 1rem;
                        // line-height: 1rem;
                        padding: 0.15rem 0.3rem;
                        i{
                            margin-right: .125rem;
                            margin-top: .125rem;
                            // display: inline-block;
                        }
                    }
                    .color-blue{
                        color: #3F7BF8
                    }
                }
                .topRight{
                    width: 3.25rem;
                    height: .85rem;
                    //background: url('/lgb/static/img/customerCenter/specifity_icon.png') no-repeat bottom right;
                    background-size:cover;
                    position: absolute;
                    right: 0.75rem;
                    top: -0.2rem;
                    text-align: center;
                    line-height: 0.85rem;
                    font-size: .5rem;
                    color: #FF8637;
                }
                .topCenter{
                    // padding-top: .85rem;
                    padding-bottom: .75rem;
                    display: flex;
                    color: #F15B5A;
                    align-items: center;
                    font-size: .65rem;
                    .mon{
                        font-size: .65rem;
                        margin-right: .5rem;
                        // display: flex;
                        // align-items: center;
                        // span{
                        //     padding: 0 .25rem;
                        // }
                    }
                    .verline{
                        margin: 0 .17rem;
                    }
                    img{
                        width: .6rem;
                        height: .6rem;
                        margin-left: .42rem;
                    }
                }
                .topBottom{
                    padding-bottom: .1rem;
                    .sign{
                        display: inline-block;
                        background: #F0F5FC;
                        font-size: .5rem;
                        color: #5BA0F0;
                        border-radius: .1rem;
                        padding: 0 .25rem;
                        margin-right: .2rem;
                        margin-bottom: .3rem;
                    }
                }
            }
            .itemCenter{
                position: relative;
                padding: 0.5rem .75rem;
                display: flex;
                justify-content: space-between;
                font-size: .6rem;
                color: #91959E;
                line-height: .6rem;
                .risk{
                    color: #FF6500;
                }
                .centerRight{
                    width: 2.6rem;
                    height: 2.45rem;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                }
            }
        }
    }
}
.loadingBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 2rem;
}
.noMore{
    text-align: center;
    line-height: 2rem;
}
.emptblock{
    height: 4.15rem;
}
